<div class="app-sliver">单页模式</div>
<ul class="grid app-thumbnail">
	<li>
		<a href="section.html">
			<img src="thumbnail/section.png"/>
		</a>
		<label class="grid-label">单页模式</label>
	</li>
</ul>
<div class="app-sliver">索引栏</div>
<ul class="grid app-thumbnail">
	<li>
		<a href="indexbar.html">
			<img src="thumbnail/indexbar.png"/>
		</a>
		<label class="grid-label">索引栏</label>
	</li>
</ul>
<div class="app-sliver">弹出框</div>
<ul class="grid app-thumbnail">
	<li>
		<a href="popup.html">
			<img src="thumbnail/popup.png"/>
		</a>
		<label class="grid-label">弹出框</label>
	</li>
	<li>
		<a href="aside.html">
			<img src="thumbnail/aside.png"/>
		</a>
		<label class="grid-label">侧边栏</label>
	</li>
</ul>
<div class="app-sliver">表单</div>
<ul class="grid app-thumbnail">
	<li>
		<a href="form.html">
			<img src="thumbnail/form.png"/>
		</a>
		<label class="grid-label">表单样式</label>
	</li>
	<li>
		<a href="form-serialize.html">
			<img src="thumbnail/form-serialize.png"/>
		</a>
		<label class="grid-label">表单序列化</label>
	</li>
	<li>
		<a href="form-validate.html">
			<img src="thumbnail/form-validate.png"/>
		</a>
		<label class="grid-label">表单验证</label>
	</li>
	<li>
		<a href="form-idvalidator.html">
			<img src="thumbnail/form-idvalidator.png"/>
		</a>
		<label class="grid-label">身份证验证</label>
	</li>
</ul>
<div class="app-sliver">富文本</div>
<ul class="grid app-thumbnail">
	<li>
		<a href="chat.html">
			<img src="thumbnail/chat.png"/>
		</a>
		<label class="grid-label">聊天框</label>
	</li>
</ul>

<div class="app-sliver">文字计数器</div>
<ul class="grid app-thumbnail">
	<li>
		<a href="form-countvalue.html">
			<img src="thumbnail/form-countvalue.png"/>
		</a>
		<label class="grid-label">文字计数</label>
	</li>
</ul>
<div class="app-sliver">日历</div>
<ul class="grid app-thumbnail">
	<li>
		<a href="calendar.html">
			<img src="thumbnail/calendar.png"/>
		</a>
		<label class="grid-label">日历</label>
	</li>
</ul>
<div class="app-sliver">树结构</div>
<ul class="grid app-thumbnail">
	<li>
		<a href="tree.html">
			<img src="thumbnail/tree.png"/>
		</a>
		<label class="grid-label">树结构</label>
	</li>
	<li>
		<a href="tree-selected.html">
			<img src="thumbnail/tree-selected.png"/>
		</a>
		<label class="grid-label">树结构-部门选择</label>
	</li>
</ul>
<div class="app-sliver">计数器</div>
<ul class="grid app-thumbnail">
	<li>
		<a href="counter.html">
			<img src="thumbnail/counter.png"/>
		</a>
		<label class="grid-label">计数器</label>
	</li>
</ul>
<div class="app-sliver">加载</div>
<ul class="grid app-thumbnail">
	<li>
		<a href="loading.html">
			<img src="thumbnail/loading.png"/>
		</a>
		<label class="grid-label">加载遮罩</label>
	</li>
	<li>
		<a href="imglazy.html">
			<img src="thumbnail/imglazy.png"/>
		</a>
		<label class="grid-label">懒人加载</label>
	</li>
</ul>
<div class="app-sliver">滚动选择器</div>
<ul class="grid app-thumbnail">
	<li>
		<a href="scrollpicker.html">
			<img src="thumbnail/scrollpicker.png"/>
		</a>
		<label class="grid-label">滚动选择器</label>
	</li>
	<li>
		<a href="scrollpicker-city.html">
			<img src="thumbnail/scrollpicker-city.png"/>
		</a>
		<label class="grid-label">地区选择器</label>
	</li>
	<li>
		<a href="scrollpicker-date.html">
			<img src="thumbnail/scrollpicker-date.png"/>
		</a>
		<label class="grid-label">日期选择器</label>
	</li>
	<li>
		<a href="scrollpicker-datetime.html">
			<img src="thumbnail/scrollpicker-datetime.png"/>
		</a>
		<label class="grid-label">日期时间选择器</label>
	</li>
</ul>
<div class="app-sliver">滑动容器</div>
<ul class="grid app-thumbnail">
	<li>
		<a href="slider.html">
			<img src="thumbnail/slider.png"/>
		</a>
		<label class="grid-label">滑动容器</label>
	</li>
	<li>
		<a href="slider-page.html">
			<img src="thumbnail/slider-page.png"/>
		</a>
		<label class="grid-label">滑动页面</label>
	</li>
</ul>
<div class="app-sliver">下拉刷新</div>
<ul class="grid app-thumbnail">
	<li>
		<a href="dragrefresh.html">
			<img src="thumbnail/dragrefresh.png"/>
		</a>
		<label class="grid-label">下拉刷新</label>
	</li>
</ul>
<div class="app-sliver">可视化数据</div>
<ul class="grid app-thumbnail">
	<li>
		<a href="timepart.html">
			<img src="thumbnail/timepart.png"/>
		</a>
		<label class="grid-label">时间段控件</label>
	</li>
	<li>
		<a href="gauge.html">
			<img src="thumbnail/gauge.png"/>
		</a>
		<label class="grid-label">仪表盘</label>
	</li>
	<li>
		<a href="doughnut.html">
			<img src="thumbnail/doughnut.png"/>
		</a>
		<label class="grid-label">环形</label>
	</li>
	<li>
		<a href="clock.html">
			<img src="thumbnail/clock.png"/>
		</a>
		<label class="grid-label">时钟</label>
	</li>
	<li>
		<a href="progress.html">
			<img src="thumbnail/progress.png"/>
		</a>
		<label class="grid-label">进度条</label>
	</li>
	<li>
		<a href="weather.html">
			<img src="thumbnail/weather.png"/>
		</a>
		<label class="grid-label">天气</label>
	</li>
	<li>
		<a href="charts-bar.html">
			<img src="thumbnail/charts-bar.png"/>
		</a>
		<label class="grid-label">柱状图</label>
	</li>
	<li>
		<a href="charts-doughnut-simple.html">
			<img src="thumbnail/charts-doughnut-simple.png"/>
		</a>
		<label class="grid-label">简单环形图</label>
	</li>
	<li>
		<a href="charts-doughnut.html">
			<img src="thumbnail/charts-doughnut.png"/>
		</a>
		<label class="grid-label">环形图</label>
	</li>
	<li>
		<a href="charts-line.html">
			<img src="thumbnail/charts-line.png"/>
		</a>
		<label class="grid-label">折线图</label>
	</li>
	<li>
		<a href="charts-pie.html">
			<img src="thumbnail/charts-pie.png"/>
		</a>
		<label class="grid-label">饼图</label>
	</li>
	<li>
		<a href="charts-pie-simple.html">
			<img src="thumbnail/charts-pie-simple.png"/>
		</a>
		<label class="grid-label">简单饼图</label>
	</li>
</ul>
<div class="app-sliver">工具库</div>
<ul class="grid app-thumbnail">
	<li>
		<a href="shake.html">
			<img src="thumbnail/shake.png"/>
		</a>
		<label class="grid-label">摇一摇</label>
	</li>
</ul>